<if condition="IS_AJAX">
    <volist name="list" id="vo">
      <div class="panel">
        <div class="panel-heading">
          <div class="panel-title">
            <a class="accordion-toggle collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapse{$vo.id}">
              <div class="pull-right text-<?php echo $vo['integralnum']>0?'success':'danger' ?>">{$vo.integralnum}</div>
              {$vo.name}
            </a>
          </div>
        </div>
        <div class="panel-collapse collapse" id="collapse{$vo.id}" style="height: 0;">
          <div class="panel-body ui-table-split" style="margin-bottom:10px;" >
            <div><span class="glyphicon glyphicon-list text-primary" style="" aria-hidden="true">
            	<strong>分类：</strong></span>{$vo.type_name}
            </div>
            <div><span class="glyphicon glyphicon-info-sign text-primary" aria-hidden="true">
            	<strong>详细：</strong></span>{$vo.remark}
            </div>
          </div>
        </div>
      </div>
    </volist>
<else/>
    <include file="Public:header" /><include file="Public:navgation" />
    <div class="container-fluid main-content">
    <div class="page-title chart-container"> </div>
    <div class="row">
      <div class="col-md-12">
        <div class="widget-container">
          <div class="heading"> <i class="icon-bar-chart"></i>积分规则
          	<?php if(!isMobile()){ ?>
            	<a class="btn btn-sm btn-default btn pull-right" data-toggle="modal" href="#myModal2" >筛选</a>
            <?php } ?>
          </div>
          <div class="widget-content padded modal-open">
             <if condition="!isMobile()">
             	<table id="datatable-editable" class="table table-bordered table-striped dataTable">
                  <thead>
                    <tr>
                      <th>名称</th>
                      <th class="hidden-xs">分类</th>
                      <th class="minwidth40">数量</th>
                      <th  style="display:none;">内容</th>
                      <th></th>
                    </tr>
                  </thead>
                  <tbody class="tbody">
                      <volist name="list" id="vo">
                        <tr  name="{$vo['id']}" class="data_list">
                          <td name='name'>{$vo.name}</td>
                          <td class="hidden-xs" name='type_id'>{$vo.type_name}</td>
                          <td class="minwidth40" name='integralnum'>{$vo.integralnum}</td>
                          <td name='remark' style="display:none;">{$vo.remark}</td>
                          <td class="actions text-center"><a class="table-actions fancybox"  href="#fancybox"><i class="icon-eye-open"></i></a></td>
                        </tr>
                      </volist>
                  </tbody>
                </table>
                <div class="text-right">{$pages}</div>
              <else/>
                  <div class="panel-group tbody" id="accordion">
                  </div>
                <script>
                    $(".tbody").more();
                </script>
              </if>
            <!-- modal start-->
            <div class="modal fade" id="myModal2" style="display: none;" aria-hidden="true">
              <div class="modal-dialog">
                <div class="modal-content">
                  <form method="get" name="form" id="validate-form" class="form-horizontal" novalidate action="__URL__/index">
                    <div class="modal-header">
                      <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
                      <h4 class="modal-title">规则筛选</h4>
                    </div>
                    <div class="modal-body">
                      <fieldset>
                        <div class="form-group">
                          <label class="control-label col-xs-4">积分规则分类</label>
                          <div class="col-xs-8">
                            <select class="form-control integralruletype" name="id">
                              <option value="">请选择</option>
                              <foreach name="ruletypelist" item="vo">
                                <option value="{$vo.id}">{$vo.name}</option>
                              </foreach>
                            </select>
                          </div>
                        </div>
                      </fieldset>
                    </div>
                    <div class="modal-footer">
                      <button class="btn btn-primary" type="submit">筛选</button>
                      <button class="btn btn-default-outline" data-dismiss="modal" type="button">关闭</button>
                    </div>
                  </form>
                </div>
              </div>
            </div>
            <!-- modal end and fancybox start-->
            <div id="fancybox" style="display: none;">
              <h4 class="text-muted">查看</h4>
              <ul class="no-style">
              </ul>
            </div>
            <!-- fancybox end --> 
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script> 
    <include file="Public:footer" />
</if>